<template>
<div id="Mine">
    <Top v-if="add"/>
    <Zhucetop v-if="adda"/>
    <div class="center">
        <Minecenter/>
    </div>
    <Footer/>
</div>
</template>


<script>
import Top from "../components/Mine/Minetop"
import Minecenter from "../components/Mine/Minecenter"
import Footer from '../components/Footer'
import Zhucetop from "../components/Mine/Zhucetop"


export default {
    name:"Mine",
    data(){
        return {
            add:true,
            adda:false
        }
    },
    components:{
        Top,Minecenter
        ,Footer,Zhucetop
    },
    // beforeRouteEnter(to,from,next){
    //     console.log("to,from,next",to,from,next)
    //     console.log("路由守卫",localStorage.getItem("name"))
    //     next(true)
    // },
    created(){
        // console.log("页面验证",this.$route.query.plan)
        if(this.$route.query.plan){
            localStorage.setItem('inpon',this.$route.query.plan)
            // console.log(this.$route.query.plan)
        }
        if(localStorage.getItem("inpon")){
            this.add = false;
            this.adda = true;
        }else{
            this.add = true;
            this.adda = false;
        }
    }
}
</script>

<style scoped>
#Mine{
    height: 100%;
    display: flex;
    flex-direction:column;
}
.center{
    flex: 1;
    overflow-y: auto
}
</style>